@charset "UTF-8";
/* CSS Document */

h2.reset-h2{
	font-size: 16px;
	color: #528ccf;
	text-align: center;
	font-weight: normal;
	margin:8px 0;
}
h3.reset-h3{
	font-size: 16px;
	color: #46719f;
	text-align: center;
	font-weight: normal;
	margin:8px 0;
}
.m-r-10{margin-right:10px;}
h3.m-18{margin:18px 0;}
.invalid{opacity: .5;}
.tide-data{
	position: relative;
	width: 637px;
	height: 440px;
	font-family: Helvetica, Arial,'Microsoft YaHei';
	background: url(/css/modules/tide/img/c-data-small-bg.png) no-repeat;
}
.graph{
	position: absolute;
	top:0;
	left:0;
	width: 370px;
	height: 160px;
}
.graph-cont{
	width: 330px;
	height: 140px;
}
.port{
	position: absolute;
	top: 0;
	right: 0;
	width: 300px;
	height: 160px;
}
.weather{
	position: absolute;
	top: 190px;
	/*top: 160px;
	left: 50%;
	margin-left: -255px;*/
	width: 640px;
	height: 200px;
}
.port-cont{
	width: 100%;
}
.data-table-port{
	width: 100%;
	font-size: 12px;
	color: #528ccf;
}
.data-table-port tr td{
	padding:3px 0;
}
.data-table-port tr td.sp-td{
	font-size: 10px;
	color: #608eb9;
}
.data-table-weather{
	width: 100%;
	font-size: 16px;
	color: #528ccf;
	text-align: center;
}
.data-table-weather thead tr{
	color:#000;
	font-size:14px;
	font-weight: 100;
}
.data-table-weather tr.temp{
	font-size:12px;
	color: #5b7b9a;
}
.data-table-weather tr.wea{
	color: #29a3ec;
}
.data-table-weather tr td{
	padding:2px 0;
}
.data-table-weather tr td.sp-td{
	font-size: 10px;
	color: #608eb9;
}
.c-tip{
	position: absolute;
	bottom: 7px;
	left: 10px;
    font-size: 10px;
	color: #2c7bd5;
}
.mete-cont{position:relative;width:100%;height:200px;margin-top:10px;}
.front-scroll-ico{
	display:block;
	position: absolute;
	left:0;
	top:50px;
	width:30px;
	height:30px;
	background: url(../img/srcoll-ico.png) 0 0 no-repeat;
}
.back-scroll-ico{
	display:block;
	position: absolute;
	right:0;
	top:50px;
	width:30px;
	height:30px;
	background: url(../img/srcoll-ico.png) -35px 0 no-repeat;
}
.front-scroll-ico:hover,
.back-scroll-ico:hover{opacity:.6;}

/*气象弹出*/
.mete-data{
	height: auto;
	position: relative;
}
.mete-cont-list{ width: 560px; height:200px;margin:0 auto;font-size:12px;clear:both;overflow:hidden;padding-left:10px;}
.mete-cont-list ul{width: 20000px;position: relative; list-style: none;padding-left: 0px; color: #528ccf}
.mete-cont-list ul li{float:left;width:73px;text-align: center; cursor: pointer;margin-right:7px; }
.mete-cont-list ul li:hover{opacity:.8;color: #e8cb39;}
.mete-cont-list ul p{margin:0;padding:0;line-height:22px;}
.mete-model{position:absolute;top:-80px;left:13px;width:370px;height:auto;font-size:12px;z-index: 100;}
.mete-model-title{
	width: 370px;
	height: 27px;
	background: url(../img/model-bg_01.png) no-repeat;
}
.mete-model-cont{
	width: 370px;
	background: url(../img/model-bg_02.png) repeat;
}
.mete-model-cont p{
	margin:0;
	padding:0 25px 0 25px;
	line-height: 20px;
}
.mete-model-bottom{
	width:370px;
	height:26px;
	background: url(../img/model-bg_03.png) no-repeat;
}
.on-arrow{
	display:block;
	position:relative;
	top:0;
	width:21px;
	height:10px;
	margin:0 auto;
	background: url(../img/on-arrow.png) no-repeat;
	z-index:500;
}
.metemodel-table{
	width: 330px;
	color: #4ea7dc;
	margin: 0 auto;
	padding-left: 10px;
}
.metemodel-table tr td{
	padding:4px 0;
	text-align: left;
	font-size: 12px;
}
.t-b{width:auto;color:#30deec;}
.t-b{width:auto;color:#30deec;}